﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <link rel="icon" href="assets/images/favicon.png" sizes="32x32" type="image/png">
    <title>SeoEs &#8211; SEO &amp; Marketing Agency HTML5 Template</title>

    <link rel="stylesheet" href="assets/css/all.min.css">
    <link rel="stylesheet" href="assets/css/flaticon.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/aos.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="assets/css/perfect-scrollbar.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">

    <!-- Revolution Style Sheets -->
    <link rel="stylesheet" href="assets/css/revolution/settings.css">
    <!-- Revolution Layers Styles -->
    <link rel="stylesheet" href="assets/css/revolution/layers.css">
    <!-- Revolution Navigation Styles -->
    <link rel="stylesheet" href="assets/css/revolution/navigation.css">
</head>
<body>
<main>
    <header class="style4 w-100">
        <div class="menubar w-100">
            <div class="container">
                <div class="menubar-inner d-flex flex-wrap align-items-center justify-content-between w-100">
                    <div class="logo"><h1 class="mb-0"><a href="index.html" title="Home"><img width="185" src="assets/images/logo@2x.png" alt="Logo"></a></h1></div><!-- Logo -->
                    <nav>
                        <ul class="d-inline-flex flex-wrap align-items-center mb-0 list-unstyled">
                            <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Home</a>
                                <ul class="children mb-0 list-unstyled">
                                    <li><a href="index.html" title="">SEO Agency</a></li>
                                    <li><a href="index2.html" title="">Marketing Agency</a></li>
                                    <li><a href="index3.html" title="">SEO Consultant</a></li>
                                    <li><a href="index4.html" title="">StartUp Agency</a></li>
                                    <li><a href="index5.html" title="">App Landing</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Pages</a>
                                <ul class="children mb-0 list-unstyled">
                                    <li><a href="seo-services.html" title="">SEO Services</a></li>
                                    <li><a href="ppm-services.html" title="">PPM Services</a></li>
                                    <li><a href="digital-marketing.html" title="">Digital Marketing</a></li>
                                    <li><a href="about.html" title="">About Us</a></li>
                                    <li><a href="our-story.html" title="">Our Story</a></li>
                                    <li><a href="team.html" title="">Our Team</a></li>
                                    <li><a href="content-elements.html" title="">Content Elements</a></li>
                                    <li><a href="pricing-table.html" title="">Pricing Tables</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio</a>
                                <ul class="children mb-0 list-unstyled">
                                    <li><a href="portfolio-masonry.html" title="">Masonry</a></li>
                                    <li><a href="portfolio-masonry-filters.html" title="">With Filter</a></li>
                                    <li><a href="portfolio-3column-full-width.html" title="">Full Width</a></li>
                                    <li><a href="portfolio-2column.html" title="">Two Columns</a></li>
                                    <li><a href="portfolio-4column-full-width.html" title="">Four Columns</a></li>
                                    <li><a href="gallery.html" title="">Gallery</a></li>
                                    <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio Singles</a>
                                        <ul class="children mb-0 list-unstyled">
                                            <li><a href="data-analysis.html" title="">Small Images</a></li>
                                            <li><a href="content-audit.html" title="">Big Images</a></li>
                                            <li><a href="new-strategies.html" title="">Slider</a></li>
                                            <li><a href="creative-campaigns.html" title="">Two Cols Gallery</a></li>
                                            <li><a href="market-intelligence.html" title="">Three Cols Gallery</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Blog</a>
                                <div class="megamenu center">
                                    <div class="row mrg40">
                                        <div class="col-md-4 col-sm-6 col-lg-4">
                                            <h4>Blog</h4>
                                            <ul class="mb-0 list-unstyled">
                                                <li><a href="blog-checkerboard.html" title="">Checkerboard</a></li>
                                                <li><a href="blog-masonry.html" title="">Masonry</a></li>
                                                <li><a href="blog-2column.html" title="">Two Columns</a></li>
                                                <li><a href="blog-3column.html" title="">Three Columns</a></li>
                                                <li><a href="blog-3column-full-width.html" title="">Three Columns Full Width</a></li>
                                                <li><a href="blog-4column-full-width.html" title="">Four Columns Full Width</a></li>
                                            </ul>
                                        </div>
                                        <div class="col-md-4 col-sm-6 col-lg-4">
                                            <h4>Standard</h4>
                                            <ul class="mb-0 list-unstyled">
                                                <li><a href="blog-checkerboard.html" title="">List View</a></li>
                                                <li><a href="blog-checkerboard.html" title="">Medium Images</a></li>
                                                <li><a href="blog-checkerboard.html" title="">Without Sidebar</a></li>
                                                <li><a href="blog-left-sidebar.html" title="">Left Sidebar</a></li>
                                                <li><a href="blog-right-sidebar.html" title="">Right Sidebar</a></li>
                                            </ul>
                                        </div>
                                        <div class="col-md-4 col-sm-6 col-lg-4">
                                            <h4>Post Types</h4>
                                            <ul class="mb-0 list-unstyled">
                                                <li><a href="blog-detail-gallery.html" title="">Gallery</a></li>
                                                <li><a href="blog-detail-audio.html" title="">Audio</a></li>
                                                <li><a href="blog-detail-link.html" title="">Link</a></li>
                                                <li><a href="blog-detail-quote.html" title="">Quote</a></li>
                                                <li><a href="blog-detail.html" title="">Image</a></li>
                                                <li><a href="blog-detail-video.html" title="">Video</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Shop</a>
                                <ul class="children mb-0 list-unstyled">
                                    <li><a href="shop.html" title="">Shop</a></li>
                                    <li><a href="shop-detail.html" title="">Shop Detail</a></li>
                                    <li><a href="cart.html" title="">Cart</a></li>
                                    <li><a href="checkout.html" title="">Checkout</a></li>
                                    <li><a href="shop-shortcodes.html" title="">Shortcodes</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html" title="">Contacts</a></li>
                        </ul>
                    </nav>
                    <div class="header-btns d-inline-flex flex-wrap align-items-center">
                        <a class="search-btn d-inline-block" href="javascript:void(0);" title=""><i class="flaticon-magnifying-glass"></i></a>
                        <div class="header-cart-box position-relative d-inline-block">
                            <a class="cart-btn position-relative" href="javascript:void(0);" title="View your shopping cart"><i class="flaticon-shopping-cart-silhouette"></i><span class="position-absolute rounded-circle bg-color3">3</span></a>
                            <div class="minicart-dropdown">
                                <ul class="mb-0 list-unstyled w-100">
                                    <li>
                                        <div class="minicart-item d-flex flex-wrap w-100">
                                            <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img1.jpg" alt="Cart Image 1"></a>
                                            <div class="minicart-info">
                                                <h6 class="mb-0"><a href="shop-detail.html" title="">Made Simple Art</a></h6>
                                                <span class="price">$254.00</span>
                                                <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="minicart-item d-flex flex-wrap w-100">
                                            <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img2.jpg" alt="Cart Image 2"></a>
                                            <div class="minicart-info">
                                                <h6 class="mb-0"><a href="shop-detail.html" title="">Seo Fitness Workbook</a></h6>
                                                <span class="price">$231.00</span>
                                                <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="minicart-item d-flex flex-wrap w-100">
                                            <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img3.jpg" alt="Cart Image 3"></a>
                                            <div class="minicart-info">
                                                <h6 class="mb-0"><a href="shop-detail.html" title="">SEO Help</a></h6>
                                                <span class="price">$240.00</span>
                                                <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="d-block btns-total w-100">
                                    <span>Subtotal: <span class="price">$725.00</span></span>
                                    <div class="btns-wrap d-flex flex-wrap w-100">
                                        <a class="thm-btn sml-btn d-inline-block rounded-pill" href="cart.html" title="">View Cart</a>
                                        <a class="thm-btn sml-btn brd-btn d-inline-block rounded-pill" href="checkout.html" title="">Checkout</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- Menubar -->
    </header><!-- Header -->
    <div class="sticky-header style4 w-100">
        <div class="container">
            <div class="menubar-inner d-flex flex-wrap align-items-center justify-content-between w-100">
                <div class="logo"><h1 class="mb-0"><a href="index.html" title="Home"><img width="185" src="assets/images/logo@2x.png" alt="Logo"></a></h1></div><!-- Logo -->
                <nav>
                    <ul class="d-inline-flex flex-wrap align-items-center mb-0 list-unstyled">
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Home</a>
                            <ul class="children mb-0 list-unstyled">
                                <li><a href="index.html" title="">SEO Agency</a></li>
                                <li><a href="index2.html" title="">Marketing Agency</a></li>
                                <li><a href="index3.html" title="">SEO Consultant</a></li>
                                <li><a href="index4.html" title="">StartUp Agency</a></li>
                                <li><a href="index5.html" title="">App Landing</a></li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Pages</a>
                            <ul class="children mb-0 list-unstyled">
                                <li><a href="seo-services.html" title="">SEO Services</a></li>
                                <li><a href="ppm-services.html" title="">PPM Services</a></li>
                                <li><a href="digital-marketing.html" title="">Digital Marketing</a></li>
                                <li><a href="about.html" title="">About Us</a></li>
                                <li><a href="our-story.html" title="">Our Story</a></li>
                                <li><a href="team.html" title="">Our Team</a></li>
                                <li><a href="content-elements.html" title="">Content Elements</a></li>
                                <li><a href="pricing-table.html" title="">Pricing Tables</a></li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio</a>
                            <ul class="children mb-0 list-unstyled">
                                <li><a href="portfolio-masonry.html" title="">Masonry</a></li>
                                <li><a href="portfolio-masonry-filters.html" title="">With Filter</a></li>
                                <li><a href="portfolio-3column-full-width.html" title="">Full Width</a></li>
                                <li><a href="portfolio-2column.html" title="">Two Columns</a></li>
                                <li><a href="portfolio-4column-full-width.html" title="">Four Columns</a></li>
                                <li><a href="gallery.html" title="">Gallery</a></li>
                                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio Singles</a>
                                    <ul class="children mb-0 list-unstyled">
                                        <li><a href="data-analysis.html" title="">Small Images</a></li>
                                        <li><a href="content-audit.html" title="">Big Images</a></li>
                                        <li><a href="new-strategies.html" title="">Slider</a></li>
                                        <li><a href="creative-campaigns.html" title="">Two Cols Gallery</a></li>
                                        <li><a href="market-intelligence.html" title="">Three Cols Gallery</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Blog</a>
                            <div class="megamenu center">
                                <div class="row mrg40">
                                    <div class="col-md-4 col-sm-6 col-lg-4">
                                        <h4>Blog</h4>
                                        <ul class="mb-0 list-unstyled">
                                            <li><a href="blog-checkerboard.html" title="">Checkerboard</a></li>
                                            <li><a href="blog-masonry.html" title="">Masonry</a></li>
                                            <li><a href="blog-2column.html" title="">Two Columns</a></li>
                                            <li><a href="blog-3column.html" title="">Three Columns</a></li>
                                            <li><a href="blog-3column-full-width.html" title="">Three Columns Full Width</a></li>
                                            <li><a href="blog-4column-full-width.html" title="">Four Columns Full Width</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-lg-4">
                                        <h4>Standard</h4>
                                        <ul class="mb-0 list-unstyled">
                                            <li><a href="blog-checkerboard.html" title="">List View</a></li>
                                            <li><a href="blog-checkerboard.html" title="">Medium Images</a></li>
                                            <li><a href="blog-checkerboard.html" title="">Without Sidebar</a></li>
                                            <li><a href="blog-left-sidebar.html" title="">Left Sidebar</a></li>
                                            <li><a href="blog-right-sidebar.html" title="">Right Sidebar</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-lg-4">
                                        <h4>Post Types</h4>
                                        <ul class="mb-0 list-unstyled">
                                            <li><a href="blog-detail-gallery.html" title="">Gallery</a></li>
                                            <li><a href="blog-detail-audio.html" title="">Audio</a></li>
                                            <li><a href="blog-detail-link.html" title="">Link</a></li>
                                            <li><a href="blog-detail-quote.html" title="">Quote</a></li>
                                            <li><a href="blog-detail.html" title="">Image</a></li>
                                            <li><a href="blog-detail-video.html" title="">Video</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Shop</a>
                            <ul class="children mb-0 list-unstyled">
                                <li><a href="shop.html" title="">Shop</a></li>
                                <li><a href="shop-detail.html" title="">Shop Detail</a></li>
                                <li><a href="cart.html" title="">Cart</a></li>
                                <li><a href="checkout.html" title="">Checkout</a></li>
                                <li><a href="shop-shortcodes.html" title="">Shortcodes</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html" title="">Contacts</a></li>
                    </ul>
                </nav>
                <div class="header-btns d-inline-flex flex-wrap align-items-center">
                    <a class="search-btn d-inline-block" href="javascript:void(0);" title=""><i class="flaticon-magnifying-glass"></i></a>
                    <a class="thm-btn brd-btn rounded-pill d-inline-block" href="contact.html" title="">Get a Quote</a>
                </div>
            </div>
        </div>
    </div><!-- Sticky Header -->
    <div class="header-search d-flex flex-wrap justify-content-center align-items-center w-100">
        <span class="search-close-btn"><i class="flaticon-delete"></i></span>
        <form>
            <input type="text" placeholder="Search">
        </form>
    </div><!-- Header Search -->
    <div class="responsive-header position-relative w-100">
        <div class="responsive-topbar w-100">
            <div class="container d-flex flex-wrap align-items-center justify-content-between">
                <div class="logo"><h1 class="mb-0"><a href="index.html" title="Home"><img class="img-fluid" src="assets/images/logo@2x.png" alt="Logo"></a></h1></div><!-- Logo -->
                <div class="header-btns d-inline-flex flex-wrap align-items-center">
                    <a class="res-menu-btn d-inline-block" href="javascript:void(0);" title=""><i class="fas fa-align-justify"></i></a>
                    <a class="search-btn d-inline-block" href="javascript:void(0);" title=""><i class="flaticon-magnifying-glass"></i></a>
                    <div class="header-cart-box position-relative d-inline-block">
                        <a class="cart-btn position-relative" href="javascript:void(0);" title="View your shopping cart"><i class="flaticon-shopping-cart-silhouette"></i><span class="position-absolute rounded-circle bg-color3">3</span></a>
                        <div class="minicart-dropdown">
                            <ul class="mb-0 list-unstyled w-100">
                                <li>
                                    <div class="minicart-item d-flex flex-wrap w-100">
                                        <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img1.jpg" alt="Cart Image 1"></a>
                                        <div class="minicart-info">
                                            <h6 class="mb-0"><a href="shop-detail.html" title="">Made Simple Art</a></h6>
                                            <span class="price">$254.00</span>
                                            <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="minicart-item d-flex flex-wrap w-100">
                                        <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img2.jpg" alt="Cart Image 2"></a>
                                        <div class="minicart-info">
                                            <h6 class="mb-0"><a href="shop-detail.html" title="">Seo Fitness Workbook</a></h6>
                                            <span class="price">$231.00</span>
                                            <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="minicart-item d-flex flex-wrap w-100">
                                        <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img3.jpg" alt="Cart Image 3"></a>
                                        <div class="minicart-info">
                                            <h6 class="mb-0"><a href="shop-detail.html" title="">SEO Help</a></h6>
                                            <span class="price">$240.00</span>
                                            <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <div class="d-block btns-total w-100">
                                <span>Subtotal: <span class="price">$725.00</span></span>
                                <div class="btns-wrap d-flex flex-wrap w-100">
                                    <a class="thm-btn sml-btn d-inline-block rounded-pill" href="cart.html" title="">View Cart</a>
                                    <a class="thm-btn sml-btn brd-btn d-inline-block rounded-pill" href="checkout.html" title="">Checkout</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- Responsive Topbar -->
        <div class="responsive-menu w-100">
            <div class="logo"><h1 class="mb-0"><a href="index.html" title="Home"><img class="img-fluid" src="assets/images/logo@2x.png" alt="Logo"></a></h1></div><!-- Logo -->
            <ul class="mb-0 list-unstyled w-100">
                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Home</a>
                    <ul class="children mb-0 list-unstyled">
                        <li><a href="index.html" title="">SEO Agency</a></li>
                        <li><a href="index2.html" title="">Marketing Agency</a></li>
                        <li><a href="index3.html" title="">SEO Consultant</a></li>
                        <li><a href="index4.html" title="">StartUp Agency</a></li>
                        <li><a href="index5.html" title="">App Landing</a></li>
                    </ul>
                </li>
                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Pages</a>
                    <ul class="children mb-0 list-unstyled">
                        <li><a href="seo-services.html" title="">SEO Services</a></li>
                        <li><a href="ppm-services.html" title="">PPM Services</a></li>
                        <li><a href="digital-marketing.html" title="">Digital Marketing</a></li>
                        <li><a href="about.html" title="">About Us</a></li>
                        <li><a href="our-story.html" title="">Our Story</a></li>
                        <li><a href="team.html" title="">Our Team</a></li>
                        <li><a href="content-elements.html" title="">Content Elements</a></li>
                        <li><a href="pricing-table.html" title="">Pricing Tables</a></li>
                    </ul>
                </li>
                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio</a>
                    <ul class="children mb-0 list-unstyled">
                        <li><a href="portfolio-masonry.html" title="">Masonry</a></li>
                        <li><a href="portfolio-masonry-filters.html" title="">With Filter</a></li>
                        <li><a href="portfolio-3column-full-width.html" title="">Full Width</a></li>
                        <li><a href="portfolio-2column.html" title="">Two Columns</a></li>
                        <li><a href="portfolio-4column-full-width.html" title="">Four Columns</a></li>
                        <li><a href="gallery.html" title="">Gallery</a></li>
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio Singles</a>
                            <ul class="children mb-0 list-unstyled">
                                <li><a href="data-analysis.html" title="">Small Images</a></li>
                                <li><a href="content-audit.html" title="">Big Images</a></li>
                                <li><a href="new-strategies.html" title="">Slider</a></li>
                                <li><a href="creative-campaigns.html" title="">Two Cols Gallery</a></li>
                                <li><a href="market-intelligence.html" title="">Three Cols Gallery</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Blog</a>
                    <ul class="children mb-0 list-unstyled">
                        <li><a href="blog-checkerboard.html" title="">Checkerboard</a></li>
                        <li><a href="blog-masonry.html" title="">Masonry</a></li>
                        <li><a href="blog-2column.html" title="">Two Columns</a></li>
                        <li><a href="blog-3column.html" title="">Three Columns</a></li>
                        <li><a href="blog-3column-full-width.html" title="">Three Columns Full Width</a></li>
                        <li><a href="blog-4column-full-width.html" title="">Four Columns Full Width</a></li>
                        <li><a href="blog-checkerboard.html" title="">List View</a></li>
                        <li><a href="blog-checkerboard.html" title="">Medium Images</a></li>
                        <li><a href="blog-checkerboard.html" title="">Without Sidebar</a></li>
                        <li><a href="blog-left-sidebar.html" title="">Left Sidebar</a></li>
                        <li><a href="blog-right-sidebar.html" title="">Right Sidebar</a></li>
                        <li><a href="blog-detail-gallery.html" title="">Gallery</a></li>
                        <li><a href="blog-detail-audio.html" title="">Audio</a></li>
                        <li><a href="blog-detail-link.html" title="">Link</a></li>
                        <li><a href="blog-detail-quote.html" title="">Quote</a></li>
                        <li><a href="blog-detail.html" title="">Image</a></li>
                        <li><a href="blog-detail-video.html" title="">Video</a></li>
                    </ul>
                </li>
                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Shop</a>
                    <ul class="children mb-0 list-unstyled">
                        <li><a href="shop.html" title="">Shop</a></li>
                        <li><a href="shop-detail.html" title="">Shop Detail</a></li>
                        <li><a href="cart.html" title="">Cart</a></li>
                        <li><a href="checkout.html" title="">Checkout</a></li>
                        <li><a href="shop-shortcodes.html" title="">Shortcodes</a></li>
                    </ul>
                </li>
                <li><a href="contact.html" title="">Contacts</a></li>
            </ul>
        </div><!-- Responsive Menu -->
    </div><!-- Responsive Header -->
    <section>
        <div class="w-100">
            <div id="rev_slider_4_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="notgeneric125"
                 data-source="gallery" style="background-color:transparent;padding:0px;">
                <div id="rev_slider_4_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.1">
                    <ul>
                        <li data-index="rs-1" data-transition="fade" data-slotamount="default" data-hideafterloop="0"
                            data-hideslideonmobile="off" data-title="Slide Title" data-easein="Power4.easeInOut"
                            data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0"
                            data-fstransition="random" data-fsmasterspeed="1500" data-fsslotamount="7"
                            data-saveperformance="off" data-param1="" data-param2="" data-param3="" data-param4=""
                            data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10=""
                            data-description="">
                            <!--                            <img src="assets/images/resources/slide-bg4.png" alt="Slide Background 4" class="rev-slidebg img-fluid" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">-->

                            <!-- Layer NR. 1 -->
                            <div class="tp-caption img-layer2 tp-resizeme"
                                 id="slide1-layer-1"
                                 data-x="['right','left','right','right']" data-hoffset="['-860','0','0','0']"
                                 data-y="['top','top','top','top']" data-voffset="['0','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:0;z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="848" width="1835" src="assets/images/resources/slide-bg4-1.png" alt="Slide Background 1">
                            </div>

                            <!-- Layer NR. 2 -->
                            <div class="tp-caption img-layer tp-resizeme"
                                 id="slide1-layer-2"
                                 data-x="['right','right','right','right']" data-hoffset="['-510','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:top;z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="736" width="948" src="assets/images/slide4-1-mckp1.png" alt="Slide 1 Mockup 1">
                            </div>

                            <!-- Layer NR. 3 -->
                            <div class="tp-caption img-layer tp-resizeme"
                                 id="slide1-layer-3"
                                 data-x="['right','right','right','right']" data-hoffset="['-70','0','0','0']"
                                 data-y="['top','middle','middle','middle']" data-voffset="['105','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:0;z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="279" width="279" src="assets/images/slide4-1-mckp2.png" alt="Slide 1 Mockup 2">
                            </div>

                            <!-- Layer NR. 4 -->
                            <div class="tp-caption img-layer tp-resizeme"
                                 id="slide1-layer-4"
                                 data-x="['right','right','right','right']" data-hoffset="['-105','0','0','0']"
                                 data-y="['bottom','middle','middle','middle']" data-voffset="['130','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="579" width="322" src="assets/images/slide4-1-mckp3.png" alt="Slide 1 Mockup 4">
                            </div>

                            <!-- Layer NR. 5 -->
                            <div class="tp-caption tp-resizeme"
                                 id="slide1-layer-5"
                                 data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['-30','-100','-70,'-50']"
                                 data-fontsize="['50','45','40','35']"
                                 data-lineheight="['60','55','50','45']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['left','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                                 style="letter-spacing: 0;font-weight:700;font-family: Open Sans;color:#3e4a59;">
                                Best innovations <br> and technology to <br> startups
                            </div>

                            <!-- Layer NR. 6 -->
                            <div class="tp-caption"
                                 id="slide1-layer-6"
                                 data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['110','40','40','30']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-responsive="on"
                                 data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['left','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                                 style="line-height: 1.625rem;font-family: Nunito Sans;font-size: 1.0625rem;letter-spacing: 0;font-weight: 400;color: #3e4a59;opacity: .8;">
                                We calculate all economic indicators and understand <br> feasibility of advertising campaign
                            </div>

                            <!-- Layer NR. 7 -->
                            <div class="tp-caption rev-btn thm-btn v3"
                                 id="slide1-layer-7"
                                 data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['210','150','120','120']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="button"
                                 data-actions='[{"event":"click","action":"simplelink","slide":"next","delay":"","target": "_self", "url": "contact.html"}]'
                                 data-responsive_offset="on"
                                 data-responsive="on"
                                 data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[20,17,14,12]"
                                 data-paddingright="[55,40,35,30]"
                                 data-paddingbottom="[20,17,14,12]"
                                 data-paddingleft="[55,40,35,30]"
                                 style="cursor:pointer;line-height: 1.125rem;display: inline-block;font-family: Nunito Sans;font-size: 1.125rem;letter-spacing: 0;font-weight: 900;border-radius: 2.5rem;">
                                Talk To Us
                            </div>
                        </li>
                        <li data-index="rs-2" data-transition="fade" data-slotamount="default" data-hideafterloop="0"
                            data-hideslideonmobile="off" data-title="Slide Title" data-easein="Power4.easeInOut"
                            data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0"
                            data-fstransition="random" data-fsmasterspeed="1500" data-fsslotamount="7"
                            data-saveperformance="off" data-param1="" data-param2="" data-param3="" data-param4=""
                            data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10=""
                            data-description="">
                            <!--                            <img src="assets/images/resources/slide-bg4.png" alt="Slide Background 4" class="rev-slidebg img-fluid" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">-->

                            <!-- Layer NR. 1 -->
                            <div class="tp-caption img-layer2 tp-resizeme"
                                 id="slide2-layer-1"
                                 data-x="['right','left','right','right']" data-hoffset="['-860','0','0','0']"
                                 data-y="['top','top','top','top']" data-voffset="['0','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:0;z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="848" width="1835" src="assets/images/resources/slide-bg4-2.png" alt="Slide Background 2">
                            </div>

                            <!-- Layer NR. 2 -->
                            <div class="tp-caption img-layer tp-resizeme"
                                 id="slide2-layer-2"
                                 data-x="['right','right','right','right']" data-hoffset="['-265','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['-10','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:0;z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="509" width="622" src="assets/images/slide4-2-mckp1.png" alt="Slide 2 Mockup 1">
                            </div>

                            <!-- Layer NR. 3 -->
                            <div class="tp-caption img-layer tp-resizeme"
                                 id="slide2-layer-3"
                                 data-x="['right','right','right','right']" data-hoffset="['-20','0','0','0']"
                                 data-y="['top','middle','middle','middle']" data-voffset="['105','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:top;z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="161" width="140" src="assets/images/slide4-2-mckp2.png" alt="Slide 2 Mockup 2">
                            </div>

                            <!-- Layer NR. 4 -->
                            <div class="tp-caption img-layer tp-resizeme"
                                 id="slide2-layer-4"
                                 data-x="['right','right','right','right']" data-hoffset="['-190','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['-125','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="84" width="98" src="assets/images/slide4-2-mckp3.png" alt="Slide 2 Mockup 3">
                            </div>

                            <!-- Layer NR. 5 -->
                            <div class="tp-caption tp-resizeme"
                                 id="slide2-layer-5"
                                 data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['-30','-100','-70,'-50']"
                                 data-fontsize="['50','45','40','35']"
                                 data-lineheight="['60','55','50','45']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['left','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                                 style="letter-spacing: 0;font-weight:700;font-family: Open Sans;color:#3e4a59;">
                                We build intelligent <br> and beautiful <br> websites
                            </div>

                            <!-- Layer NR. 6 -->
                            <div class="tp-caption"
                                 id="slide2-layer-6"
                                 data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['110','40','40','30']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-responsive="on"
                                 data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['left','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                                 style="line-height: 1.625rem;font-family: Nunito Sans;font-size: 1.0625rem;letter-spacing: 0;font-weight: 400;color: #3e4a59;opacity: .8;">
                                We calculate all economic indicators and understand <br> feasibility of advertising campaign
                            </div>

                            <!-- Layer NR. 7 -->
                            <div class="tp-caption rev-btn thm-btn v3"
                                 id="slide2-layer-7"
                                 data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['210','150','120','120']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="button"
                                 data-actions='[{"event":"click","action":"simplelink","slide":"next","delay":"","target": "_self", "url": "contact.html"}]'
                                 data-responsive_offset="on"
                                 data-responsive="on"
                                 data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[20,17,14,12]"
                                 data-paddingright="[55,40,35,30]"
                                 data-paddingbottom="[20,17,14,12]"
                                 data-paddingleft="[55,40,35,30]"
                                 style="cursor:pointer;line-height: 1.125rem;display: inline-block;font-family: Nunito Sans;font-size: 1.125rem;letter-spacing: 0;font-weight: 900;border-radius: 2.5rem;">
                                Talk To Us
                            </div>
                        </li>
                        <li data-index="rs-3" data-transition="fade" data-slotamount="default" data-hideafterloop="0"
                            data-hideslideonmobile="off" data-title="Slide Title" data-easein="Power4.easeInOut"
                            data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0"
                            data-fstransition="random" data-fsmasterspeed="1500" data-fsslotamount="7"
                            data-saveperformance="off" data-param1="" data-param2="" data-param3="" data-param4=""
                            data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10=""
                            data-description="">
<!--                            <img src="assets/images/resources/slide-bg4.png" alt="Slide Background 4" class="rev-slidebg img-fluid" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">-->

                            <!-- Layer NR. 1 -->
                            <div class="tp-caption img-layer2 tp-resizeme"
                                 id="slide3-layer-1"
                                 data-x="['right','left','right','right']" data-hoffset="['-870','0','0','0']"
                                 data-y="['top','top','top','top']" data-voffset="['0','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:0;z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="848" width="1835" src="assets/images/resources/slide-bg4-3.png" alt="Slide Background 3">
                            </div>

                            <!-- Layer NR. 2 -->
                            <div class="tp-caption img-layer tp-resizeme"
                                 id="slide3-layer-2"
                                 data-x="['right','right','right','right']" data-hoffset="['-35','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['-70','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:-[50%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="412" width="264" src="assets/images/slide4-3-mckp1.png" alt="Slide 2 Mockup 1">
                            </div>

                            <!-- Layer NR. 3 -->
                            <div class="tp-caption img-layer tp-resizeme"
                                 id="slide3-layer-3"
                                 data-x="['right','right','right','right']" data-hoffset="['135','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['15','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"x:left;z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="389" width="174" src="assets/images/slide4-3-mckp2.png" alt="Slide 2 Mockup 2">
                            </div>

                            <!-- Layer NR. 4 -->
                            <div class="tp-caption img-layer tp-resizeme"
                                 id="slide3-layer-4"
                                 data-x="['right','right','right','right']" data-hoffset="['-235','0','0','0']"
                                 data-y="['bottom','middle','middle','middle']" data-voffset="['130','0','0','0']"
                                 data-fontsize="['60','60','50','40']"
                                 data-lineheight="['70','70','60','50']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"x:right;z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                            ><img height="302" width="310" src="assets/images/slide4-3-mckp3.png" alt="Slide 2 Mockup 3">
                            </div>

                            <!-- Layer NR. 5 -->
                            <div class="tp-caption tp-resizeme"
                                 id="slide3-layer-5"
                                 data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['-30','-100','-70,'-50']"
                                 data-fontsize="['50','45','40','35']"
                                 data-lineheight="['60','55','50','45']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['left','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                                 style="letter-spacing: 0;font-weight:700;font-family: Open Sans;color:#3e4a59;">
                                Ultimate theme app <br> for your customer <br> support
                            </div>

                            <!-- Layer NR. 6 -->
                            <div class="tp-caption"
                                 id="slide3-layer-6"
                                 data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['110','40','40','30']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="text"
                                 data-responsive_offset="on"
                                 data-responsive="on"
                                 data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['left','center','center','center']"
                                 data-paddingtop="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                                 style="line-height: 1.625rem;font-family: Nunito Sans;font-size: 1.0625rem;letter-spacing: 0;font-weight: 400;color: #3e4a59;opacity: .8;">
                                We calculate all economic indicators and understand <br> feasibility of advertising campaign
                            </div>

                            <!-- Layer NR. 7 -->
                            <div class="tp-caption rev-btn thm-btn v3"
                                 id="slide3-layer-7"
                                 data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="['middle','middle','middle','middle']" data-voffset="['210','150','120','120']"
                                 data-width="none"
                                 data-height="none"
                                 data-whitespace="nowrap"
                                 data-type="button"
                                 data-actions='[{"event":"click","action":"simplelink","slide":"next","delay":"","target": "_self", "url": "contact.html"}]'
                                 data-responsive_offset="on"
                                 data-responsive="on"
                                 data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":100,"ease":"Power4.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                 data-textAlign="['center','center','center','center']"
                                 data-paddingtop="[20,17,14,12]"
                                 data-paddingright="[55,40,35,30]"
                                 data-paddingbottom="[20,17,14,12]"
                                 data-paddingleft="[55,40,35,30]"
                                 style="cursor:pointer;line-height: 1.125rem;display: inline-block;font-family: Nunito Sans;font-size: 1.125rem;letter-spacing: 0;font-weight: 900;border-radius: 2.5rem;">
                                Talk To Us
                            </div>
                        </li>
                    </ul>
                </div>
            </div><!-- End Revolution Slider -->
        </div>
    </section>
    <section>
        <div class="w-100 gry pb-120 position-relative">
            <div class="fixed-bg" style="background-image: url(assets/images/bg-shp-11.png);"></div>
            <div class="container">
                <div class="extended-serv-wrap2 res-row position-relative text-center w-100">
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="extend-serv-box v3 schm-17 text-center w-100 position-relative">
                                <svg xmlns="http://www.w3.org/2000/svg"><g><path d="M60.5,4.4l35.1,35.1c5.8,5.8,5.8,15.2,0,21.1L60.5,95.6c-5.8,5.8-15.2,5.8-21.1,0L4.4,60.5 c-5.8-5.8-5.8-15.2,0-21.1L39.5,4.4C45.3-1.5,54.7-1.5,60.5,4.4z"></path></g></svg>
                                <span class="text-color17"><i class="icon-031-computer"></i></span>
                                <div class="serv-info2 w-100">
                                    <h3 class="mb-0"><a href="javascript:void(0);" title="">UI/UX Design</a></h3>
                                    <p class="mb-0">Phasellus sit amet libero turpis. Nunc aliquet, sapien in fermentum fermentum, libero mauris.</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="javascript:void(0);" title="">Read More<i class="flaticon-right-arrow text-color17"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="extend-serv-box v3 schm-17 text-center w-100 position-relative">
                                <svg xmlns="http://www.w3.org/2000/svg"><g><path d="M60.5,4.4l35.1,35.1c5.8,5.8,5.8,15.2,0,21.1L60.5,95.6c-5.8,5.8-15.2,5.8-21.1,0L4.4,60.5 c-5.8-5.8-5.8-15.2,0-21.1L39.5,4.4C45.3-1.5,54.7-1.5,60.5,4.4z"></path></g></svg>
                                <span class="text-color17"><i class="icon-032-business"></i></span>
                                <div class="serv-info2 w-100">
                                    <h3 class="mb-0"><a href="javascript:void(0);" title="">Brand Strategy</a></h3>
                                    <p class="mb-0">Phasellus sit amet libero turpis. Nunc aliquet, sapien in fermentum fermentum, libero mauris.</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="javascript:void(0);" title="">Read More<i class="flaticon-right-arrow text-color17"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="extend-serv-box v3 schm-17 text-center w-100 position-relative">
                                <svg xmlns="http://www.w3.org/2000/svg"><g><path d="M60.5,4.4l35.1,35.1c5.8,5.8,5.8,15.2,0,21.1L60.5,95.6c-5.8,5.8-15.2,5.8-21.1,0L4.4,60.5 c-5.8-5.8-5.8-15.2,0-21.1L39.5,4.4C45.3-1.5,54.7-1.5,60.5,4.4z"></path></g></svg>
                                <span class="text-color17"><i class="icon-008-startup-1"></i></span>
                                <div class="serv-info2 w-100">
                                    <h3 class="mb-0"><a href="javascript:void(0);" title="">Growth Marketing</a></h3>
                                    <p class="mb-0">Phasellus sit amet libero turpis. Nunc aliquet, sapien in fermentum fermentum, libero mauris.</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="javascript:void(0);" title="">Read More<i class="flaticon-right-arrow text-color17"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- Extended Services Wrap 2 -->
                <div class="sec-title text-center w-100 position-relative">
                    <h2 class="mb-0"><span>Our</span> Story</h2>
                    <i class="btm-ln bg-color17"></i>
                </div><!-- Sec Title -->
                <div class="our-story-wrap position-relative w-100">
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-lg-7">
                            <div class="mckp-img text-center tilt w-100" data-max_tilt="10" data-perspective="1000" data-scale="1" data-speed="700"><img class="img-fluid" src="assets/images/resources/our-story-mckp.png" alt="Our Story Mockup" height="490" width="511"></div>
                        </div>
                        <div class="col-md-12 col-sm-12 col-lg-5">
                            <div class="text-box schm-17 w-100">
                                <p class="mb-0">Sed tristique elementum augue, eu egestas est iaculis eget. Quisque lectus felis, iaculis eget fermentum id, eleifend vel nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
                                <ul class="list-unstyled mb-0 w-100">
                                    <li><span class="text-color1">2019 –</span> Phasellus sit amet libero turpis nunc sapiens</li>
                                    <li><span class="text-color1">2018 –</span> Fermentum libero mauris faucibus quam, sed</li>
                                    <li><span class="text-color1">2017 –</span> Dolor eu nulla. Pellentesque aliquam in mi quis</li>
                                    <li><span class="text-color1">2016 –</span> Fusce dignissim, felis quis scelerisque fringilla.</li>
                                </ul>
                                <a class="thm-btn v3 rounded-pill d-inline-block" href="about.html" title="">Learn More</a>
                            </div>
                        </div>
                    </div>
                </div><!-- Our Story Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 pt-90 bg-color18 pb-140 position-relative">
            <div class="particles-wrap position-absolute w-100">
                <div id="particle-1" class="particles-js w-100" data-color="#ffffff" data-size="2" data-linked="1" data-count="50" data-speed="5" data-hide="767" data-shape="circle" data-mode="out">
                    <canvas></canvas>
                </div>
            </div><!-- Particles Wrap -->
            <div class="container">
                <div class="sec-title text-center text-white w-100 position-relative">
                    <h2 class="mb-0">What We Do</h2>
                    <i class="btm-ln bg-white"></i>
                </div><!-- Sec Title -->
                <div class="serv-prd-wrap position-relative w-100">
                    <div class="row mrg30">
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="serv-box3 w-100">
                                <span><i class="icon-018-online"></i></span>
                                <div class="serv-info3 w-100">
                                    <h3 class="mb-0"><a href="seo-services.html" title="">Context Ads</a></h3>
                                    <p class="mb-0">Phasellus sit amet libero turpis. Nunc aliquet, sapien in fermentum.</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="seo-services.html" title="">Read More<i class="flaticon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="serv-box3 w-100">
                                <span><i class="icon-028-feature"></i></span>
                                <div class="serv-info3 w-100">
                                    <h3 class="mb-0"><a href="seo-services.html" title="">Website Audits</a></h3>
                                    <p class="mb-0">Phasellus sit amet libero turpis. Nunc aliquet, sapien in fermentum.</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="seo-services.html" title="">Read More<i class="flaticon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="serv-box3 w-100">
                                <span><i class="icon-005-analysis"></i></span>
                                <div class="serv-info3 w-100">
                                    <h3 class="mb-0"><a href="seo-services.html" title="">Keyword Research</a></h3>
                                    <p class="mb-0">Phasellus sit amet libero turpis. Nunc aliquet, sapien in fermentum.</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="seo-services.html" title="">Read More<i class="flaticon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="serv-box3 w-100">
                                <span><i class="icon-024-banner"></i></span>
                                <div class="serv-info3 w-100">
                                    <h3 class="mb-0"><a href="seo-services.html" title="">Content Marketing</a></h3>
                                    <p class="mb-0">Phasellus sit amet libero turpis. Nunc aliquet, sapien in fermentum.</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="seo-services.html" title="">Read More<i class="flaticon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="serv-box3 w-100">
                                <span><i class="icon-014-research"></i></span>
                                <div class="serv-info3 w-100">
                                    <h3 class="mb-0"><a href="seo-services.html" title="">Technical SEO</a></h3>
                                    <p class="mb-0">Phasellus sit amet libero turpis. Nunc aliquet, sapien in fermentum.</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="seo-services.html" title="">Read More<i class="flaticon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="serv-box3 w-100">
                                <span><i class="icon-009-presentation"></i></span>
                                <div class="serv-info3 w-100">
                                    <h3 class="mb-0"><a href="seo-services.html" title="">SEO Coaching</a></h3>
                                    <p class="mb-0">Phasellus sit amet libero turpis. Nunc aliquet, sapien in fermentum.</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="seo-services.html" title="">Read More<i class="flaticon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- Services Provide Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 pt-50 bg-color10 pb-110 position-relative">
            <div class="container">
                <div class="innov-key-wrap position-relative w-100">
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-lg-6">
                            <div class="mckp-img text-center tilt w-100" data-max_tilt="10" data-perspective="1000" data-scale="1" data-speed="700"><img class="img-fluid" src="assets/images/resources/innov-key-mckp.png" alt="Innovation Key Mockup" height="527" width="527"></div>
                        </div>
                        <div class="col-md-12 col-sm-12 col-lg-6">
                            <div class="text-box w-100">
                                <div class="sec-title w-100 position-relative">
                                    <h2 class="mb-0"><span>Innovation is a key in</span> <br> modern society</h2>
                                    <i class="btm-ln bg-color17"></i>
                                </div><!-- Sec Title -->
                                <p class="mb-0">Nam quis accumsan risus. Aenean id volutpat nibh. Nullam mollis elit pellentesque, gravida turpis id, aliquam magna. Donec dictum tortor eu arcu lacinia rutrum.</p>
                                <ul class="list-unstyled mb-0 w-100">
                                    <li>Phasellus sit amet libero turpis nunc sapien fermentum</li>
                                    <li>Fermentum libero mauris faucibus quam, sed pharetra</li>
                                    <li>Dolor eu nulla. Pellentesque aliquam in mi quis faucibus.</li>
                                </ul>
                                <a class="thm-btn v3 rounded-pill d-inline-block" href="about.html" title="">Learn More</a>
                            </div>
                        </div>
                    </div>
                </div><!-- Innovation Key Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 pt-90 pb-70 position-relative">
            <div class="fixed-bg" style="background-image: url(assets/images/bg-shp-12.png);"></div>
            <div class="particles-wrap position-absolute w-100">
                <div id="particle-2" class="particles-js top_left mx-w50" data-color="#3E4A59" data-size="80" data-count="1" data-speed="2" data-hide="767" data-shape="image" data-mode="bounce" data-image-url="assets/images/particle-6.png" data-image-width="150" data-image-height="150">
                    <canvas></canvas>
                </div>
            </div><!-- Particles Wrap -->
            <div class="container">
                <div class="pos-impact-wrap position-relative w-100">
                    <div class="row align-items-center">
                        <div class="col-md-12 col-sm-12 col-lg-6 order-lg-1">
                            <div class="mckp-img text-center tilt w-100" data-max_tilt="10" data-perspective="1000" data-scale="1" data-speed="700"><img class="img-fluid" src="assets/images/resources/pos-impact-mckp.png" alt="Positive Impact Mockup"></div>
                        </div>
                        <div class="col-md-12 col-sm-12 col-lg-6">
                            <div class="text-box w-100">
                                <div class="sec-title w-100 position-relative">
                                    <h2 class="mb-0"><span>We are crazy about <br> creating</span> positive impact</h2>
                                    <i class="btm-ln bg-color17"></i>
                                </div><!-- Sec Title -->
                                <p class="mb-0">Donec facilisis, ante iaculis ullamcorper, erat metus pulvinar <br> lacus, sit amet convallis arcu felis in nuncaugue sit amet.</p>
                                <p class="mb-0">Proin dignissim augue sit amet maximus vulputate. Nulla <br> maximus volutpat augue. Sed mollis, nulla at posuere varius.</p>
                                <a class="thm-btn v3 rounded-pill d-inline-block" href="digital-marketing.html" title="">Our Advantages</a>
                            </div>
                        </div>
                    </div>
                </div><!-- Positive Impact Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 position-relative">
            <div class="portfl-wrap v2 position-relative w-100">
                <div class="row mrg30">
                    <div class="col-md-12 col-sm-12 col-lg-6">
                        <div class="portfl-item text-center position-relative overflow-hidden w-100" style="background-image: url(assets/images/resources/portfl-img1-7.jpg);">
                            <div class="portfl-info text-white position-absolute w-100">
                                <h5 class="mb-0"><a href="content-audit.html" title="">Aliquam ut porttitor</a></h5>
                                <span class="d-inline-block"><a href="javascript:void(0);" title="">Creativity</a></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-6">
                        <div class="row mrg30">
                            <div class="col-md-6 col-sm-6 col-lg-6">
                                <div class="portfl-item text-center position-relative overflow-hidden w-100" style="background-image: url(assets/images/resources/portfl-img1-8.jpg);">
                                    <div class="portfl-info text-white position-absolute w-100">
                                        <h5 class="mb-0"><a href="content-audit.html" title="">Leo in vitae turpis</a></h5>
                                        <span class="d-inline-block"><a href="javascript:void(0);" title="">Creativity</a> / <a href="javascript:void(0);" title="">Creativity</a></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-lg-6">
                                <div class="portfl-item text-center position-relative overflow-hidden w-100" style="background-image: url(assets/images/resources/portfl-img1-9.jpg);">
                                    <div class="portfl-info text-white position-absolute w-100">
                                        <h5 class="mb-0"><a href="content-audit.html" title="">Dignissim enim sit</a></h5>
                                        <span class="d-inline-block"><a href="javascript:void(0);" title="">Creativity</a> / <a href="javascript:void(0);" title="">Awesome</a></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12 col-lg-12">
                                <div class="portfl-item text-center position-relative overflow-hidden w-100" style="background-image: url(assets/images/resources/portfl-img1-10.jpg);">
                                    <div class="portfl-info text-white position-absolute w-100">
                                        <h5 class="mb-0"><a href="content-audit.html" title="">Porta lorem mollis</a></h5>
                                        <span class="d-inline-block"><a href="javascript:void(0);" title="">Design</a> / <a href="javascript:void(0);" title="">Design</a></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- Portfolio Wrap -->
        </div>
    </section>
    <section>
        <div class="w-100 pt-140 pb-140 position-relative">
            <div class="fixed-bg" style="background-image: url(assets/images/bg-shp-13.png);"></div>
            <div class="particles-wrap position-absolute w-100">
                <div id="particle-4" class="particles-js top_left mx-w50" data-color="#3E4A59" data-size="80" data-count="1" data-speed="2" data-hide="767" data-shape="image" data-mode="bounce" data-image-url="assets/images/particle-6.png" data-image-width="150" data-image-height="150">
                    <canvas></canvas>
                </div>
            </div><!-- Particles Wrap -->
            <div class="container">
                <div class="text-facts-wrap position-relative w-100">
                    <div class="row align-items-center">
                        <div class="col-md-12 col-sm-12 col-lg-6">
                            <div class="text-box w-100">
                                <div class="sec-title w-100 position-relative">
                                    <h2 class="mb-0"><span>Why choose our agency <br> for</span> your projects?</h2>
                                    <i class="btm-ln bg-color17"></i>
                                </div><!-- Sec Title -->
                                <p class="mb-0">Ornare tincidunt est, vel volutpat metus consequat sit amet. <br> Donec efficitur tellus quis magna pretium, eget imperdiet nulla <br> rhoncus, proin eu scelerisque.</p>
                                <a class="thm-btn v3 rounded-pill d-inline-block" href="contact.html" title="">Order Services</a>
                            </div>
                        </div>
                        <div class="col-md-12 col-sm-12 col-lg-6">
                            <div class="facts-wrap3 text-center position-relative w-100">
                                <ul class="facts3-list d-flex flex-wrap list-unstyled mb-0">
                                    <li>
                                        <div class="fact-box3 text-center w-100">
                                            <h2 class="mb-0"><span class="counter">1530</span></h2>
                                            <h4 class="mb-0">Customers</h4>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="fact-box3 text-center w-100">
                                            <h2 class="mb-0"><span class="counter">53</span></h2>
                                            <h4 class="mb-0">Global Awards</h4>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="fact-box3 text-center w-100">
                                            <h2 class="mb-0"><span class="counter">102</span></h2>
                                            <h4 class="mb-0">SEO Winners</h4>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="fact-box3 text-center w-100">
                                            <h2 class="mb-0"><span class="counter">202</span>K</h2>
                                            <h4 class="mb-0">Projects</h4>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="fact-box3 text-center w-100">
                                            <h2 class="mb-0"><span class="counter">150</span></h2>
                                            <h4 class="mb-0">Employees</h4>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="fact-box3 text-center w-100">
                                            <h2 class="mb-0"><span class="counter">658</span></h2>
                                            <h4 class="mb-0">Registrations</h4>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div><!-- Text Box & Facts Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 pt-90 pb-100 position-relative">
            <div class="fixed-bg" style="background-image: url(assets/images/bg-5.png);"></div>
            <div class="container">
                <div class="vctry-ours-wrap position-relative w-100">
                    <div class="row justify-content-end">
                        <div class="col-md-12 col-sm-12 col-lg-8">
                            <div class="text-box text-white w-100">
                                <div class="sec-title w-100 position-relative">
                                    <h2 class="mb-0">Victory is Ours</h2>
                                    <i class="btm-ln bg-white"></i>
                                </div><!-- Sec Title -->
                                <p class="mb-0">mauris, auctor a magna et, dignissim lobortis turpis. Nunc nisi lorem, pharetra <br> condimentum lectus in, finibus dictum augue. Donec euismod lectus non.</p>
                                <a class="thm-btn v3 invr rounded-pill d-inline-block" href="contact.html" title="">Let's Talk</a>
                            </div>
                        </div>
                    </div>
                </div><!-- Victory Is Ours Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 pt-90 pb-120 position-relative">
            <div class="particles-wrap position-absolute w-100">
                <div id="particle-3" class="particles-js w-100" data-color="#a4aeed" data-size="2" data-count="50" data-speed="4" data-hide="767" data-shape="circle" data-mode="out">
                    <canvas></canvas>
                </div>
            </div><!-- Particles Wrap -->
            <div class="container">
                <div class="sec-title text-center w-100 position-relative">
                    <h2 class="mb-0"><span>Choose</span> Your Plan</h2>
                    <i class="btm-ln bg-color17"></i>
                </div><!-- Sec Title -->
                <div class="price-plans-wrap schm-17 text-center position-relative w-100">
                    <div class="row align-items-center">
                        <div class="col-md-6 col-sm-6 col-lg-3">
                            <div class="plan-box text-center brd-rd20 w-100">
                                <div class="plan-head w-100">
                                    <h3 class="mb-0">Essentials</h3>
                                    <h2 class="mb-0"><sup>$</sup>29<small>/month</small></h2>
                                </div>
                                <div class="plan-body w-100">
                                    <ul class="mb-0 list-unstyled">
                                        <li>5 Users</li>
                                        <li>50 Team Members</li>
                                        <li>Unlimited Email</li>
                                        <li>Manage Permissions</li>
                                        <li><del>Developer Support</del></li>
                                        <li><del>A/B Testing</del></li>
                                    </ul>
                                </div>
                                <a class="thm-btn v3 brd-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Sign Up</a>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-3">
                            <div class="plan-box active text-center brd-rd20 w-100">
                                <div class="plan-head w-100">
                                    <h3 class="mb-0">Basic</h3>
                                    <h2 class="mb-0"><sup>$</sup>49<small>/month</small></h2>
                                </div>
                                <div class="plan-body w-100">
                                    <ul class="mb-0 list-unstyled">
                                        <li>20 Users</li>
                                        <li>500 Team Members</li>
                                        <li>Unlimited Email</li>
                                        <li>Manage Permissions</li>
                                        <li>Developer Support</li>
                                        <li><del>A/B Testing</del></li>
                                    </ul>
                                </div>
                                <a class="thm-btn v3 invr d-inline-block rounded-pill" href="javascript:void(0);" title="">Sign Up</a>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-3">
                            <div class="plan-box text-center brd-rd20 w-100">
                                <div class="plan-head w-100">
                                    <h3 class="mb-0">Ultra</h3>
                                    <h2 class="mb-0"><sup>$</sup>69<small>/month</small></h2>
                                </div>
                                <div class="plan-body w-100">
                                    <ul class="mb-0 list-unstyled">
                                        <li>50 Users</li>
                                        <li>500 Team Members</li>
                                        <li>Unlimited Email</li>
                                        <li>Manage Permissions</li>
                                        <li>Developer Support</li>
                                        <li>A/B Testing</li>
                                    </ul>
                                </div>
                                <a class="thm-btn v3 brd-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Sign Up</a>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-3">
                            <div class="plan-box text-center brd-rd20 w-100">
                                <div class="plan-head w-100">
                                    <h3 class="mb-0">Premium</h3>
                                    <h2 class="mb-0"><sup>$</sup>99<small>/month</small></h2>
                                </div>
                                <div class="plan-body w-100">
                                    <ul class="mb-0 list-unstyled">
                                        <li>100+ Users</li>
                                        <li>900 Team Members</li>
                                        <li>Unlimited Email</li>
                                        <li>Manage Permissions</li>
                                        <li>Developer Support</li>
                                        <li>A/B Testing</li>
                                    </ul>
                                </div>
                                <a class="thm-btn v3 brd-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Sign Up</a>
                            </div>
                        </div>
                    </div>
                </div><!-- Price Plans Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 pt-90 bg-color10 pb-100 position-relative">
            <div class="container">
                <div class="sec-title text-center w-100 position-relative">
                    <h2 class="mb-0"><span>Latest From</span> Blog</h2>
                    <i class="btm-ln bg-color17"></i>
                </div><!-- Sec Title -->
                <div class="blog-wrap schm-17 position-relative w-100">
                    <div class="row post-caro">
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="post-box brd-rd15 w-100">
                                <div class="post-img overflow-hidden position-relative w-100">
                                    <a href="blog-detail.html" title=""><img class="img-fluid w-100" src="assets/images/resources/post-img1-1.jpg" alt="Post Image 1" height="576" width="1024"></a>
                                    <span class="post-date brd-rd15 text-center position-absolute text-uppercase"><i>30</i>May</span>
                                </div>
                                <div class="post-info w-100">
                                    <span class="post-cate d-block text-uppercase"><a href="javascript:void(0);" title="">Strategy</a></span>
                                    <h3 class="mb-0"><a href="blog-detail.html" title="">Great team</a></h3>
                                    <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget orci non nun...</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="blog-detail.html" title="">Read More<i class="flaticon-right-arrow text-color17"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="post-box brd-rd15 w-100">
                                <div class="post-img overflow-hidden position-relative w-100">
                                    <a href="blog-detail.html" title=""><img class="img-fluid w-100" src="assets/images/resources/post-img1-2.jpg" alt="Post Image 2" height="576" width="1024"></a>
                                    <span class="post-date brd-rd15 text-center position-absolute text-uppercase"><i>20</i>May</span>
                                </div>
                                <div class="post-info w-100">
                                    <span class="post-cate d-block text-uppercase"><a href="javascript:void(0);" title="">Strategy</a></span>
                                    <h3 class="mb-0"><a href="blog-detail.html" title="">Amazing support</a></h3>
                                    <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget orci non nun...</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="blog-detail.html" title="">Read More<i class="flaticon-right-arrow text-color17"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="post-box brd-rd15 w-100">
                                <div class="post-img overflow-hidden position-relative w-100">
                                    <a href="blog-detail.html" title=""><img class="img-fluid w-100" src="assets/images/resources/post-img1-3.jpg" alt="Post Image 3" height="576" width="1024"></a>
                                    <span class="post-date brd-rd15 text-center position-absolute text-uppercase"><i>18</i>Mar</span>
                                </div>
                                <div class="post-info w-100">
                                    <span class="post-cate d-block text-uppercase"><a href="javascript:void(0);" title="">Strategy</a></span>
                                    <h3 class="mb-0"><a href="blog-detail.html" title="">New team</a></h3>
                                    <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget orci non nun...</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="blog-detail.html" title="">Read More<i class="flaticon-right-arrow text-color17"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="post-box brd-rd15 w-100">
                                <div class="post-img overflow-hidden position-relative w-100">
                                    <a href="blog-detail.html" title=""><img class="img-fluid w-100" src="assets/images/resources/post-img1-4.jpg" alt="Post Image 4" height="576" width="1024"></a>
                                    <span class="post-date brd-rd15 text-center position-absolute text-uppercase"><i>05</i>Jan</span>
                                </div>
                                <div class="post-info w-100">
                                    <span class="post-cate d-block text-uppercase"><a href="javascript:void(0);" title="">Strategy</a></span>
                                    <h3 class="mb-0"><a href="blog-detail.html" title="">Better style</a></h3>
                                    <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget orci non nun...</p>
                                    <a class="simple-link d-inline-block text-uppercase" href="blog-detail.html" title="">Read More<i class="flaticon-right-arrow text-color17"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- Blog Wrap -->
            </div>
        </div>
    </section>
    <footer>
        <div class="w-100 pt-40 bg-color11 position-relative">
            <div class="container">
                <div class="logo text-center w-100"><h1 class="mb-0"><a href="index.html" title="Logo"><img class="img-fluid" src="assets/images/logo@2x-white.png" alt="Logo White" height="89" width="287"></a></h1></div>
                <div class="footer-data position-relative w-100">
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-lg-4">
                            <div class="widget w-100">
                                <ul class="footer-contact-list list-unstyled mb-0 w-100">
                                    <li><i class="flaticon-telephone-auricular-with-cable"></i><a href="tel:(305) 222-3333" title="">+(305) 222-3333</a></li>
                                    <li><i class="flaticon-email"></i><a href="mailto:info@example.com" title="">info@example.com</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-lg-4">
                            <div class="widget text-center w-100">
                                <h4>Get latest SEO tips from us!</h4>
                                <div class="newsletter-wrap w-100">
                                    <form class="newsletter position-relative w-100" id="subscribe-form" method="post" action="#">
                                        <input class="rounded-pill email w-100" type="email" name="email" placeholder="Enter your email" required>
                                        <button class="thm-btn d-inline-block rounded-pill position-absolute" id="subscribe-button"><i class="flaticon-telegram"></i></button>
                                        <div class="response w-100"></div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-lg-4">
                            <div class="widget text-end w-100">
                                <h4>Subscribe to our social</h4>
                                <div class="social-links2 d-flex flex-wrap align-items-center justify-content-end w-100">
                                    <a href="https://www.facebook.com/" title="Facebook" target="_blank">
                                        <svg class="svg_shape" xmlns="http://www.w3.org/2000/svg"><g><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></g></svg>
                                        <i class="flaticon-facebook"></i>
                                    </a>
                                    <a href="https://twitter.com/" title="Twitter" target="_blank">
                                        <svg class="svg_shape" xmlns="http://www.w3.org/2000/svg"><g><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></g></svg>
                                        <i class="flaticon-twitter"></i>
                                    </a>
                                    <a href="https://youtube.com/" title="Youtube" target="_blank">
                                        <svg class="svg_shape" xmlns="http://www.w3.org/2000/svg"><g><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></g></svg>
                                        <i class="flaticon-youtube"></i>
                                    </a>
                                    <a href="https://linkedin.com/" title="Linkedin" target="_blank">
                                        <svg class="svg_shape" xmlns="http://www.w3.org/2000/svg"><g><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></g></svg>
                                        <i class="flaticon-linkedin"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- Footer Data -->
            </div>
        </div>
    </footer><!-- Footer -->
    <div class="bottom-bar bg-color12 w-100">
        <div class="container">
            <div class="bottom-inner d-flex flex-wrap align-items-center justify-content-between w-100">
                <p class="mb-0">Copyright &copy; 2021 — All rights By <a href="http://www.bootstrapmb.com/">bootstrapmb</a></p>
                <p class="mb-0">We're on a mission to build a better future where technology creates good jobs for everyone.</p>
            </div>
        </div>
    </div><!-- Bottom Bar -->
</main><!-- Main Wrapper -->

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/aos.min.js"></script>
<script src="assets/js/counterup.min.js"></script>
<script src="assets/js/particles.min.js"></script>
<script src="assets/js/tilt.jquery.min.js"></script>
<script src="assets/js/jquery.fancybox.min.js"></script>
<script src="assets/js/perfect-scrollbar.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/scroll-up-bar.min.js"></script>
<script src="assets/js/custom-scripts.js"></script>

<script src="assets/js/revolution/jquery.themepunch.tools.min.js"></script>
<script src="assets/js/revolution/jquery.themepunch.revolution.min.js"></script>

<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
<script src="assets/js/revolution/extensions/revolution.extension.actions.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.carousel.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.kenburn.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.migration.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.navigation.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.parallax.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.slideanims.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.video.min.js"></script>
<script src="assets/js/revolution/revolution-init3.js"></script>
</body>
</html>